<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
<title>协议弹窗</title>
<style>
html,body {width: 100%;height: 100%padding: 0; margin: 0; animation:fadeIn 0.3s;-webkit-animation:fadeIn 0.3s;background: #ffffff;}

@-webkit-keyframes fadeIn {from {opacity:0.1;}}
@-moz-keyframes fadeIn {from {opacity:0.1;}}
@keyframes fadeIn {from {opacity:0.1;}}

.tapcss{ background-color: #eee;}
.flex {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.flex1 {-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}

/*半像素边框*/
.boxbg{ background: rgba(0, 0, 0, 0.8);position: fixed; z-index:1; top: 0; bottom: 0; right: 0; left: 0; }
.box{ background-color: #fff; width: 295px; height:360px;position:absolute; z-index:10; top: 0; bottom: 0; right: 0; left: 0; margin:auto;border-radius:4px;}
.box .title {height: 56px; line-height: 56px; text-align: center; color: #333333;font-weight:bold;font-size: 17px;}
.box .btm { height: 50px; line-height: 50px; position: absolute; bottom: 0px; left: 0px; right: 0px;}
.box .btm .item{text-align: center; color:#E75229; font-size:16px; position: relative;font-weight: 600;}
.box .btm .item:before{content:" ";position:absolute;left:0;top:-0.03rem;right:0;border-top:1px solid rgba(177,177,177,0.6);color:rgba(177,177,177,0.6);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.2);transform:scaleY(0.2);}
.box .btm .item:nth-child(2):after{content:" ";position:absolute;left:-0.03rem;top:0;bottom:0;border-right:1px solid rgba(177,177,177,0.6);color:rgba(177,177,177,0.6);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(0.2);transform:scaleX(0.2);}
.box .btm .color_1{color:#999999;}
.box .btm .color_0{color:#FF9502;}
#content{ overflow-y: scroll; height:253px;color: #777777; font-size: 14px;line-height: 20px;margin: 0 20px;box-sizing: border-box;}
.xieyiText{color: #FF9502;}

</style>
</head>
 <body>
<div id="warp" >
    <div class="boxbg"></div>
	<div class="box">
		<div class="title" id="title">用户协议和隐私协议</div>
	    <div id="content">
            感谢您使用天宏沐晨电商APP，在您使用本软件的过程中，我们可能会对您的部分个人信息进行收集、使用。请您仔细阅读
            <span tapmode onclick="open_page(this)" data-url="main3/fuwenben.html" data-type="Page/xieyi" data-title="平台用户使用协议" class="xieyiText">《用户协议》</span>与
            <span tapmode onclick="open_page(this)" data-url="main3/fuwenben.html" data-type="Page/yinsi" data-title="用户隐私协议"  class="xieyiText">《隐私政策》</span>
            全文，并确定完全了解我们对您个人信息的处理规则。<br/>如您同意《隐私政策》与《用户协议》，请点击“同意”开始使用天宏沐晨电商APP，我们会尽全力保护您的个人信息安全。
	    </div>
		<div class="btm flex" id="button">
			<div class="lf item flex1 color_1" tapmode="tapcss" onclick="butongyi(this)">不同意,退出</div>
			<div class="rt item flex1 color_0"  tapmode="tapcss" onclick="tongyi(this)">同意</div>
		</div>
	</div>
</div>
</body>
<script type="text/javascript" src="../script/base.min.js" id="loadjs" data-js=""></script>
<script type="text/javascript">
define(function (require, exports, module) {
    butongyi = function () {
        api.closeWidget({silent:true});
    }
    tongyi = function () {
        api.execScript({ frameName:pageParam.frameName, script:'lyFrameCallBack(1);'});
        setTimeout(function () {
            api.closeFrame();
        },300)
    }

    open_page = function (tis) {
        var dst = tis.dataset;
        lanYun.openWin(dst.url, {
            win:'win',
            title:dst.title,
            frameParam : dst
       });
    }


    getData = function(){
        lanYun.get('Page/ptxieyi',function(ret) {
            if(ret.errcode == 0 && ret){
                $("#content").html(ret.data.content);
            }
        },2);
    };
    //getData();
});
</script>

</html>
